<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
        <meta property="og:site_name" content="">
        <meta property="og:url" content="">
        <meta property="og:type" content="website">
        <meta property="og:title" content="">
    <meta name='og:image' content='__STATIC__/index/images/assets/ogg.png'>
    <!-- For IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- For Resposive Device -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- For Window Tab Color -->
    <!-- Chrome, Firefox OS and Opera -->
    <meta name="theme-color" content="#1E78FF">
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#1E78FF">
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#1E78FF">
    <title>{:$configs['SYSTEM_NAME']}</title>
        <!-- Favicon -->
        <link rel="icon" type="image/png" sizes="56x56" href="__STATIC__/index/images/fav-icon/icon.png">
        <!-- Main style sheet -->
        <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/style.css" media="all">
        <!-- responsive style sheet -->
        <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/responsive.css" media="all">

        <!-- Fix Internet Explorer ______________________________________-->
        <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <script src="__STATIC__/index/vendor/html5shiv.js"></script>
            <script src="__STATIC__/index/vendor/respond.js"></script>
        <![endif]-->    
    </head>

    <body>
        <div class="main-page-wrapper">

            {include file="html/header" /}


            
            <!-- 
            =============================================
                Theme Inner Banner
            ============================================== 
            -->
            <div class="theme-inner-banner">
                <div class="container">
                    <h2 class="intro-title text-center">AI咨询</h2>
                    <ul class="page-breadcrumb style-none d-flex justify-content-center">
                        <li><a href="{:url('index/index')}">首页</a></li>
                        <li class="current-page">News</li>
                    </ul>
                </div>
                <img src="__STATIC__/index/images/shape/shape_38.svg" alt="" class="shapes shape-one">
                <img src="__STATIC__/index/images/shape/shape_39.svg" alt="" class="shapes shape-two">
            </div> <!-- /.theme-inner-banner -->
            



            <!--
            =====================================================
                Team Section Two
            =====================================================
            -->
            <div class="team-section-two mt-110 mb-160 lg-mt-60 lg-mb-100">
                <div class="container">
                    <div class="row">
                        <?php foreach ($list['data'] as $k => $vo): ?>
                            <div class="col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up">
                                <div class="team-block-one tran3s mt-50">
                                    <div class="img-meta"><img src="__UPLOAD__/{:$vo['image']}" alt="" class="w-100"></div>
                                    <a href="{:url('article/detail',['id'=>$vo['id']])}" class="team-info">
                                        <span class="designation-text">{:$vo['subtitle']}</span>
                                        <span class="name tran3s">{:$vo['title']}</span>
                                    </a>
                                </div> <!-- /.team-block-one -->
                            </div>
                        <?php endforeach ?>
                        
                        
                    </div>
                </div>
            </div> <!-- /.team-section-two -->

            <div class="page-pagination-one pb-90">
                        <ul class="d-flex align-items-center justify-content-center style-none">
                            {$page|raw}
                        </ul>
                    </div>
            




        

            <!--
            =====================================================
                Footer
            =====================================================
            -->
            {include file="html/footer" /}
            
            


        <!-- Optional JavaScript _____________________________  -->

        <!-- jQuery first, then Bootstrap JS -->
        <!-- jQuery -->
        <script src="__STATIC__/index/vendor/jquery.min.js"></script>
        <!-- Bootstrap JS -->
        <script src="__STATIC__/index/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
        <!-- AOS js -->
        <script src="__STATIC__/index/vendor/aos-next/dist/aos.js"></script>
        <!-- Slick Slider -->
        <script src="__STATIC__/index/vendor/slick/slick.min.js"></script>
        <!-- js Counter -->
        <script src="__STATIC__/index/vendor/jquery.counterup.min.js"></script>
        <script src="__STATIC__/index/vendor/jquery.waypoints.min.js"></script>
        <!-- Fancybox -->
        <script src="__STATIC__/index/vendor/fancybox/dist/jquery.fancybox.min.js"></script>
        <!-- isotop -->
        <script  src="__STATIC__/index/vendor/isotope.pkgd.min.js"></script>

        <!-- Theme js -->
        <script src="__STATIC__/index/js/theme.js"></script>
        </div> <!-- /.main-page-wrapper -->
    </body>
</html>